<template>
    <div class="basic-userComp-select-menu">
        <Menu mode="horizontal" active-name="1" @on-select="changeMenu">
            <MenuItem name="basic-userComp-search-select">
                <Icon type="ios-paper"></Icon>可搜索下拉框
            </MenuItem>
            <MenuItem name="basic-userComp-custom-select">
                <Icon type="ios-paper"></Icon>自定义下拉框
            </MenuItem>
            <MenuItem name="basic-userComp-dropdown-Search">
                <Icon type="ios-paper"></Icon>树形下拉框
            </MenuItem>
            <MenuItem name="basic-userComp-custom-ryncLoadSelectDemo">
                <Icon type="ios-paper"></Icon>异步加载下拉列表
            </MenuItem>
        </Menu>
        <!-- demo的容器 -->
        <router-view ></router-view>
    </div>
</template>

<script>
//  import hljs from 'highlight.js'

    export default {
        mounted: function () {
        },
        methods: {
            changeMenu: function (menuName){
                // 命名的路由
                this.$router.push({ name: menuName })
            }
        }
    }
</script>
